<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>注册新用户</title>
    <link rel="StyleSheet" href="../css/jpetstore.css" type="text/css" media="screen" />

</head>
<body>
<div th:replace="common/top">
</div>

<div id = "Catalog">
    <form action="newAccount" method="post">
        <h3>User Information</h3>
        <table>
            <tr>
                <td>User ID:</td>
                <td>
                    <input type="text" name="username" id="username" onblur="usernameIsExist();" >
                    <div id="usernameMsg"></div>
                    <script type="text/javascript" src="${pageContext.request.contextPath}/js/register.js"></script>
                </td>
            </tr>
            <tr>
                <td>New Password:</td>
                <td><input type="text" name="password"/>
                </td>
            </tr>
            <tr>
                <td>Repeat Password:</td>
                <td><input type="text" name="repeatedPassword"/></td>
            </tr>
            <tr>
                <td>VerificationCode:</td>
                <td><input type="text" name="vCode" size="5" maxlength="4"/>
                    <a href="newAccount"><img border="0" src="verificationCode" name = "checkcode"></a>
                </td>
            </tr>
        </table>
        <input type="submit" name="newAccount" value="Save Account Information"/>
    </form>


<div th:replace="common/bottom">

</div>
</div>
</body>
</html>